<template>
  <div class="Footer pt-25 post-r">
    <div class="cont oh post-r">
      <div class="row-2 row-sm-4 xs-hide fl">
        <img class="block row-11 pl-20 pr-20" src="/images/Public/foot-logo.png" alt="智慧明医logo">
      </div>
      <div class="row-10 row-sm-8 row-xs-12 fl">
        <div class="row-8 row-sm-12 fl">
          <ul class="foot-nav oh mt-18 md-hide">
            <li class="fl flex item-center">
              <router-link to="/about" class="text-white font-18">
                关于我们
              </router-link>
              <i class="icon-parting text-white font-12" />
            </li>
            <li class="fl flex item-center">
              <router-link to="/" class="text-white font-18">
                服务条款
              </router-link>
              <i class="icon-parting text-white font-12" />
            </li>
            <li class="fl flex item-center">
              <router-link to="/" class="text-white font-18">
                招聘信息
              </router-link>
              <i class="icon-parting text-white font-12" />
            </li>
            <li class="fl flex item-center">
              <router-link to="/" class="text-white font-18">
                意见反馈
              </router-link>
              <i class="icon-parting text-white font-12" />
            </li>
            <li class="fl">
              <router-link to="/" class="text-white font-18">
                网站地图
              </router-link>
            </li>
          </ul>
          <p class="text-white font-16 mt-18">
            特别声明：本站内容仅供参考，不作为诊疗及医疗依据
          </p>
          <p class="text-white font-16 mt-18">
            本站部分内容和图片来自网络，如有侵权，请联系删除
          </p>
          <p class="text-white font-16 mt-18">
            <a href="https://beian.miit.gov.cn" class="text-white inline font-16" target="_target">蜀ICP备20003061号</a>2020 zhihuimingyi.com  All rights reserved
          </p>
        </div>
        <div class="row-4 QRcode row-sm-5 row-xs-12 fl mt-18 sm-hide">
          <img class="block row-5 fl pl-10 pr-10" src="/images/Public/QRcode.jpg" alt="扫码关注公众号">
          <img class="block row-5 fl pl-10 pr-10" src="/images/Public/doctor-code.jpg" alt="">
        </div>
      </div>
    </div>
    <img class="post-a foot-background block row-12 xs-hide" src="/images/Public/footer.jpg" alt="扫码入驻智慧明医">
    <img class="post-a foot-background block row-12 hide xs-show" src="/images/Public/footer-mobile.png" alt="">
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
    .Footer{
        padding: 59px 0px 48px 0px;
    }

    .Footer>div{
        z-index: 1;
    }

    .foot-nav i{
        margin: 0px 30px;
    }

    .foot-background{
        top: 0px;
        left: 0px;
        height: 100%;
        object-fit: cover;
        z-index: 0;
    }

    .Footer *{
        color: #999;
    }

    .foot-nav a:hover{
        color: #fff;
    }

    .foot-nav a:focus{
        color: #999;
    }

    @media screen and (max-width:768px) {

        .row-10 p:nth-of-type(1){
            margin-top: 0px;
        }

        .QRcode img{
            margin-top: 18px;
        }

        .Footer>div{
            display: flex;
            align-items: center;
        }
    }

    @media screen and (max-width:414px) {
        .row-10 p,
        .row-10 a{
            font-size: 14px;
            margin-top: 5px;
        }

        .Footer{
            padding: 20px 0px;
        }

        .QRcode img{
            margin-top: 18px;
        }
    }
</style>
